<!DOCTYPE html >
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="base :: header (title='供应商信息')" />
<link th:href="@{plugins/common/css/basemessage.css}" rel="stylesheet" />
<link th:href="@{css/BasicInfo/resetDevice.css}" rel="stylesheet" />
<body>
	<div class="main-content blank_bg">
		<div>
			<div>
				<div class="row" style="margin: 10px;">
					<div>
						<div style="margin-bottom: 5px;">
							<div style="float:left">
								<span class="spanCss">
                                   	 供应商名称：
                                </span> 
                                <input
                                    type="text"
                                    id="fName"
                                    name="fName"
                                    class="form-control clean_C"
                                    style="width: 200px; margin-right: 10px;"
                                > 
							</div>
							<div style="float:left">
                                <button
                                    id="query"
                                    class="btn btn-default"
                                    type="button"
                                    style="margin-left: 10px;">
                                    	查询
                                </button>
                                <button
                                    type="button"
                                    class="btn btn-default "
                                    id="resetting">
                                    	重置
                                </button>
							</div>
							<div style="clear:both"></div>
						</div>
						<div>
                            <!-- 供应商信息表 -->
							<table id="supplierTable" class="table dataTable table-hover"></table>
                        </div>
                        
                        <!--查看账号模态框 start -->
                        <div
                            class="modal fade"
                            id="addSupplerModal"
                            role="dialog"
                            aria-labelledby="myModalLabel"
                            aria-hidden="true"
                            style="background-color: rgba(0, 0, 0, 0.5)"
                            data-backdrop="static">
                            <div class="modal-dialog" style="width: 800px; height: 220px;">
                                <div class="modal-content" style="width: auto;">
                                    <div class="modal-header">
                                        <button
                                            type="button"
                                            class="close"
                                            data-dismiss="modal"
                                            aria-hidden="true">
                                            &times;
                                        </button>
                                        <h4 class="modal-title" id="addtitleModal">
                                           	 查看账号
                                        </h4>
                                    </div>
                                    <div class="modal-body" style="height: auto; padding: 10px;">
                                        <div style="margin-bottom: 5px;">
                                            <div style="float:left">
                                                <button id="addacoount" class="btn btn-default " type="button" style="margin-left: 10px;">添加账号</button>
                                            </div>
                                            <div style="clear:both"></div>
                                        </div>
                                        <div>
                                            <table id="employeesTable" class="table dataTable table-hover">
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 查看模态框 end -->
                        <!--添加供应商账号模态框 start -->
                        <div
                            class="modal fade"
                            id="additSupplerModal"
                            role="dialog"
                            aria-labelledby="myModalLabel"
                            aria-hidden="true"
                            style="background-color: rgba(0, 0, 0, 0.5)"
                            data-backdrop="static">
                            <div class="modal-dialog" style="width: 800px; height: 220px;">
                                <div class="modal-content" style="width: auto;">
                                    <div class="modal-header">
                                        <button
                                            type="button"
                                            class="close"
                                            data-dismiss="modal"
                                            aria-hidden="true">
                                            &times;
                                        </button>
                                        <h4 class="modal-title" id="addtitleModal">
                                           	添加账号
                                        </h4>
                                    </div>
                                    <div class="modal-body" style="height: auto; padding: 10px;">
                                        <div style="margin-bottom: 5px;">
                                            <div style="float:left">
                                                <span class="spanCss">
                                                    	用户名：
                                                </span> 
                                                <input
                                                    type="text"
                                                    id="supplierAccount"
                                                    name="supplierAccount"
                                                    class="form-control clean_C"
                                                    style="width: 150px; margin-right: 10px;"
                                                > 
                                            </div>
                                            <div style="float:left">
                                                <button id="addcomfirm" class="btn btn-default " type="button" style="margin-left: 10px;">确认</button>
                                                <button type="button" class="btn btn-default " id="resettings">重置</button>
                                            </div>
                                            <div style="clear:both"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 添加供应商模态框 end -->
					</div>
				</div>
			</div>
		</div>
    </div>
    
	<div th:include="base :: bottom"></div>
	<div th:include="base :: bootstrapTable"></div>
	<div th:include="base :: bootstrapTable-eidt" />
	<div th:include="base :: others"></div>
	<script th:src="@{js/BasicInfo/supplierInfo.js}"></script>
</body>
</html>